const p = $('<h4>123</h4>')
const p2 = $('<h4>234</h4>')
const p3 = $('<h4>345</h4>')

$('#container').append(p).append(p2).append(p3)
// console.log('length', $('#container').children().length)
// 微任务
Promise.resolve().then(() => {
    console.log('微任务length', $('#container').children().length)
    alert('微任务')
})
// 宏任务 setTimeout setInterval dom时间
setTimeout(() => {
    console.log('宏任务length', $('#container').children().length)
    alert('宏任务')
});

// 微任务在dom渲染之前执行，宏任务在dom渲染之后。async function a { return 100}  返回的是一个promise
